<style type="text/css">
input.login {border:none;width:180px; height:22px;background:url('/style/input.png') no-repeat;background-color:#fff;background-position:0 0;color:#000;padding:4px 5px 5px 60px;}
input.login:focus {background-position: 0 -22px;}

input.pass {border:none;width:180px; height:22px;background:url('/style/input.png') no-repeat;background-color: #fff;background-position:-180px 0;color:#000; padding:4px 5px 5px 65px;}
input.pass:focus {background-position: -180px -22px;}
 
input.login_btn {width:70px; height:26px; background:url('/buttons/log_button.png') no-repeat; padding:0; margin:0; z-index:4; border:0px;}
input.login_btn:hover {background-position:0 -26px;}
input.login_btn:active {background-position:0 -52px;}
</style>


<div style="width:180px; margin-top:3px;">
<input class="login" type="text" name="user" maxlength="50"/>
<input style="margin-top:3px;" class="pass" type="password" name="password" maxlength="15"/>

<input class="login_btn" name="sbm" type="submit" style="margin-top:3px; float:right;" value=""/><br>
<div align="left" style="margin:6px 0 7px 0px;"><input id="rem$PAGE_ID$" type="checkbox" name="rem" value="1" checked="checked"/><label for="rem$PAGE_ID$"></label></div>
<hr>
<div align="center"><a href="$REMINDER_LINK$"> </a> <font color="#a9a9a9">|</font> <a href="$REGISTER_LINK$"></a>
</div></div>